<template>
	<view class="copyApplay">
		<u-overlay :show="showMask"></u-overlay>
		<view class="copyApplayPadding">
				<u-steps :current="current" >
					<u-steps-item title="完善信息" >
					</u-steps-item>
					<u-steps-item title="填写地址" ></u-steps-item>
					<u-steps-item title="支付订单" ></u-steps-item>
				</u-steps>
				<u-divider ></u-divider>
				<view class="message">
					请准确填写相关信息并提交给医院审核！
				</view>
				<u-divider ></u-divider>
				
				<view>
						<!-- 注意，如果需要兼容微信小程序，最好通过setRules方法设置rules规则 -->
						<u--form
								labelPosition="left"
								labelWidth='100'
								:model="model1"
								:rules="rules"
								:labelStyle="labelStyle"
								ref="uForm">
							<u-form-item
									label="申请类型"
									prop="userInfo.atype"
									borderBottom
									style="margin-bottom: 10upx;font-weight: bold;">
								<u-radio-group
								    v-model="model1.userInfo.atype"
								    placement="row"
								    @change="groupChange"
								  >
								    <u-radio
								      :customStyle="{marginBottom: '8px',marginRight:'10px'}"
								      v-for="(item, index) in radiolist1"
								      :key="index"
								      :label="item.name"
								      :name="item.id"
								    >
								    </u-radio>
								</u-radio-group>
							</u-form-item>
							<u-form-item
									label="患者姓名"
									prop="userInfo.hzxm"
									borderBottom
									style="margin-bottom: 10px;">
								<u--input
										v-model="model1.userInfo.hzxm"
										border="none"
										placeholder="请输入内容"
								></u--input>
							</u-form-item>
							
							<u-form-item
									label="患者身份证号"
									prop="userInfo.hzsfzh"
									borderBottom
									style="margin-bottom: 10px;">
								<u--input
										v-model="model1.userInfo.hzsfzh"
										border="none"
										placeholder="请输入内容"
										@blur="blurSfzEvent"
								></u--input>
							</u-form-item>
							
							<u-form-item
									label="患者手机号"
									prop="userInfo.hzlxdh"
									borderBottom
									style="margin-bottom: 10px;">
								<u--input
										v-model="model1.userInfo.hzlxdh"
										border="none"
										placeholder="请输入内容"
								></u--input>
							</u-form-item>
							
							
							<u-form-item
									label="住院号"
									prop="userInfo.blh"
									borderBottom
									style="margin-bottom: 10px;"
									@click="showSex = true;">
								<u--input
										v-model="model1.userInfo.blh"
										disabled
										disabledColor="#ffffff"
										placeholder="请选择"
										border="none"
								></u--input>
								<u-action-sheet
									:show="showSex"
									:actions="actions"
									title="请选择"
									@close="showSex = false"
									@select="sexSelect">
								</u-action-sheet>
								<u-icon
										slot="right"
										name="arrow-right"
								></u-icon>
							</u-form-item>
							
							<u-form-item
									label="出院科室"
									prop="userInfo.cyks"
									borderBottom
									style="margin-bottom: 10px;">
								<u--input
										v-model="model1.userInfo.cyks"
										border="none"
										placeholder="请输入内容"
								></u--input>
							</u-form-item>
							
							<u-form-item
									label="出院日期"
									prop="userInfo.cyrq"
									borderBottom
									style="margin-bottom: 10px;">
									<u--input
											v-model="model1.userInfo.cyrq"
											disabled
											disabledColor=''
											border="none"
											@click="dateShow = true"
									></u--input>
								<u-datetime-picker
										:show="dateShow"
										v-model="dateTime"
										mode="date"
										@confirm="dateConfirm"
										@cancel="dateShow = false"
										@formatter="dateFormatter"
										>
								</u-datetime-picker>
								<u-icon @click="dateShow = true" name="arrow-right"></u-icon>
							</u-form-item>
							
							<u-form-item
									label="分数"
									prop="userInfo.anum"
									borderBottom
									style="margin-bottom: 10px;">
								<u-number-box  v-model="model1.userInfo.anum"></u-number-box>
							</u-form-item>
							
							<u-form-item
									label="复印内容"
									prop="acontent"
									style="margin-bottom: 10px;"
									:customStyle="{height:'250upx'}">
								<view class="" style="width: 70%;flex-wrap: wrap;position: absolute;height: 250upx;">
									<u-checkbox-group>
										<u-checkbox  
										label="全选"  
										:customStyle="{marginBottom: '15px',fontWeight:'bold'}"
										@change="selectAllCheckbox">
										</u-checkbox>
									</u-checkbox-group>
									<u-checkbox-group
										v-model="acontent"
										placement="row"
										style="flex-wrap: wrap;position: absolute;height: 200upx;font-weight: bold;"
										>
										<u-checkbox
											:customStyle="{marginBottom: '15px',marginRight:'10px'}"
											v-for="(item, index) in checkboxList1"
											:key="index"
											:label="item.name"
											:name="item.id"
											:checked="checked"
										>
										</u-checkbox>
									</u-checkbox-group>
								</view>
								
								
							</u-form-item>
							<view class="info">
								*如需特殊检查报告单或钢板型号合格证，请在备注栏中注明
							</view>
							<u-divider ></u-divider>
							<u-form-item
									label="备注"
									prop="userInfo.remarks"
									borderBottom
									style="margin-bottom: 10px;">
								<u--textarea v-model="model1.userInfo.remarks" height='40' placeholder="请输入内容"  ></u--textarea>
								 <!-- <u--input
									placeholder="请输入内容"
									border="surround"
									v-model="model1.userInfo.bz"
								  ></u--input> -->
							</u-form-item>
							<u-form-item
									label="申请事由"
									prop="userInfo.areason"
									style="margin-bottom: 10px;"
									@click="decShow = true;"
									>
									<u--input
											v-model="model1.userInfo.areason"
											disabled
											disabledColor="#ffffff"
											placeholder="请选择"
											border="none"
									></u--input>
									
									<u-action-sheet
										:show="decShow"
										:actions="actionsDec"
										title="请选择"
										@close="decShow = false"
										@select="decSelect">
									</u-action-sheet>
									<u-icon
											slot="right"
											name="arrow-right"
									></u-icon>
							</u-form-item>
							<u-form-item
									label="其他事由"
									style="margin-bottom: 10upx;"
									prop="userInfo.aotherReason"
									v-if="decOtherShow"
									>
									<u--textarea  v-model="model1.userInfo.aotherReason" placeholder="请输入其他事由" autoHeight ></u--textarea>
							</u-form-item>
							
							<u-divider></u-divider>
							
							
							<view class="picTitle">
								上传患者本人身份证
							</view>
							<!-- 代理人申请 -->
							<uni-group  v-if="isSelf">
								<cl-upload
								 v-model="proxyHoldCardList"
								 ref="upload1" 
								 cloudType="other" 
								 fileType="image"
								 :max="1"
								 :action="uploadAction" 
								 :headers="headers" 
								 :autoUpload="false"
								 :listStyle="{
								 	columns: 1,
									columnGap: '0rpx',
								 	rowGap: '0rpx',
								 	padding: '30rpx',
								 	height: '300rpx',
								 }"
								 :imageFormData="{
								 	compressed: true
								 }"
								 >
									 <template v-slot:addImg>
										<view class="newAddImg">
											<image src="/static/img/icon1.png" mode="aspectFit"></image>
											<text>上传代理人手持身份证半身照</text>
										</view>
									 </template>
								 </cl-upload>
							</uni-group>
							
							<uni-group  v-if="isSelf">
								<cl-upload
								 v-model="proxyFrontCardList"
								 ref="upload2" 
								 cloudType="other" 
								 fileType="image"
								 :max="1"
								 :action="uploadAction" 
								 :headers="headers" 
								 :autoUpload="false"
								 :listStyle="{
								 	columns: 1,
									columnGap: '0rpx',
								 	rowGap: '0rpx',
								 	padding: '30rpx',
								 	height: '300rpx',
								 }"
								 :imageFormData="{
								 	compressed: true
								 }"
								 >
									 <template v-slot:addImg>
										<view class="newAddImg">
											<image src="/static/img/icon2.png" mode="aspectFit"></image>
											<text>上传代理人身份证正面照</text>
										</view>
									 </template>
								 </cl-upload>
							</uni-group>
							<uni-group  v-if="isSelf">
								<cl-upload
								 v-model="proxyBackCardList"
								 ref="upload3" 
								 cloudType="other" 
								 fileType="image"
								 :max="1"
								 :action="uploadAction" 
								 :headers="headers" 
								 :autoUpload="false"
								 :listStyle="{
								 	columns: 1,
									columnGap: '0rpx',
								 	rowGap: '0rpx',
								 	padding: '30rpx',
								 	height: '300rpx',
								 }"
								 :imageFormData="{
								 	compressed: true
								 }"
								 >
									 <template v-slot:addImg>
										<view class="newAddImg">
											<image src="/static/img/icon3.png" mode="aspectFit"></image>
											<text>上传代理人身份证背面照</text>
										</view>
									 </template>
								 </cl-upload>
							</uni-group>
							<uni-group>
								<cl-upload
								 v-model="hzHoldCardList"
								 ref="upload4" 
								 cloudType="other" 
								 fileType="image"
								 :max="1"
								 :action="uploadAction" 
								 :headers="headers" 
								 :autoUpload="false"
								 :listStyle="{
								 	columns: 1,
									columnGap: '0rpx',
								 	rowGap: '0rpx',
								 	padding: '30rpx',
								 	height: '300rpx',
								 }"
								 :imageFormData="{
								 	compressed: true
								 }"
								 >
									 <template v-slot:addImg>
										<view class="newAddImg">
											<image src="/static/img/icon1.png" mode="aspectFit"></image>
											<text>上传患者手持身份证半身照片</text>
										</view>
									 </template>
								 </cl-upload>
							</uni-group>
							<uni-group>
								<cl-upload
								 v-model="hzFrontCardList"
								 ref="upload5" 
								 cloudType="other" 
								 fileType="image"
								 :max="1"
								 :action="uploadAction" 
								 :headers="headers" 
								 :autoUpload="false"
								 :listStyle="{
								 	columns: 1,
									columnGap: '0rpx',
								 	rowGap: '0rpx',
								 	padding: '30rpx',
								 	height: '300rpx',
								 }"
								 :imageFormData="{
								 	compressed: true
								 }"
								 >
									 <template v-slot:addImg>
										<view class="newAddImg">
											<image src="/static/img/icon2.png" mode="aspectFit"></image>
											<text>上传患者身份证正面照</text>
										</view>
									 </template>
								 </cl-upload>
							</uni-group>
							<uni-group>
								<cl-upload
								 v-model="hzBackCardList"
								 ref="upload6" 
								 cloudType="other" 
								 fileType="image"
								 :max="1"
								 :action="uploadAction" 
								 :headers="headers" 
								 :autoUpload="false"
								 :listStyle="{
								 	columns: 1,
									columnGap: '0rpx',
								 	rowGap: '0rpx',
								 	padding: '30rpx',
								 	height: '300rpx',
								 }"
								 :imageFormData="{
								 	compressed: true
								 }"
								 >
									 <template v-slot:addImg>
										<view class="newAddImg">
											<image src="/static/img/icon3.png" mode="aspectFit"></image>
											<text>上传患者身份证背面照</text>
										</view>
									 </template>
								 </cl-upload>
							</uni-group>
						</u--form>	
					</view>
		</view>	
		
		
		<view class="submitBtn">
			<view class="btnBoxW" style="width: 90%;">
				<u-button :customStyle='btnStyle'  type="primary" @click="copyBtn"  shape='circle' text="下一步"></u-button>
			</view>
		</view>
		
	</view>
	
</template>

<script>
	import{
		formatDate,
	}from '@/utils/index.js'
	import{
		saveApply,
		uploadImg,
		searchBlh
	}from '@/api/index.js'
	import __config from '@/config/app.js';
	
	
	export default{
		data(){
			return{
				showMask:false,
				checked:false,
				labelStyle:{
					fontWeight:'bold',
					fontSize:'15px'
				},
				btnStyle:{
					fontSize:'16px',
					fontWeight:'bold',
					height:'45px'
				},
				type:'',
				current:0,
				dateShow:false,
				showDec:false,
				dateTime:this.$utils.formatDate(new Date()),
				showSex: false,
				decShow:false,
				decOtherShow:false,
				isSelf:false,
				acontent:[],
				model1: {
					userInfo: {
						atype:0,
						hzxm: '',
						hzsfzh:'',
						hzlxdh:'',
						blh: '',
						cyks:'',
						cyrq:this.$utils.formatDate(new Date()),
						anum:1,
						acontent:'',
						remarks:'',
						areason:'',
						aotherReason:'',
						hzHoldCard:'',
						hzFrontCard:'',
						hzBackCard:'',
						proxyHoldCard:'',
						proxyFrontCard:'',
						proxyBackCard:''
					},
				},
				hzHoldCard:[],
				hzFrontCard:[],
				hzBackCard:[],
				proxyHoldCard:[],
				proxyFrontCard:[],
				proxyBackCard:[],
				fileListUrl:[],
				checkboxList1:[
					//病案首页，入院记录，出院记录，手术记录，病理报告，医学影像检查资料，体温单，医嘱单
					{
						name: '病案首页',
						disabled: false,
						id:'1'
					},
					{
						name: '入院记录',
						disabled: false,
						id:'2'
					},
					{
						name: '出院记录',
						disabled: false,
						id:'3'
					},
					{
						name: '手术记录',
						disabled: false,
						id:'4'
					},
					{
						name: '病理报告',
						disabled: false,
						id:'5'
					},
					{
						name: '医学影像检查资料',
						disabled: false,
						id:'7'
					},
					{
						name: '体温单',
						disabled: false,
						id:'6'
					},
					{
						name: '医嘱单',
						disabled: false,
						id:'10'
					}
				],
				actions: [],
				actionsDec:[{
					name: '慢性病',
					},
					{
						name: '商业险报销',
					},
					{
						name: '医保报销',
					},
					{
						name: '其他',
					}],
				radiolist1: [
					{
				        name: '本人申请',
						id:0,
				        disabled: false
				    },
				    {
				        name: '代理人申请',
						id:1,
				        disabled: false
				    }
				],
				rules: {
					'userInfo.hzxm': {
						type: 'string',
						required: true,
						message: '请填写姓名',
						trigger: ['blur', 'change']
					},
					'userInfo.hzsfzh': [
						{
							type: 'string',
							required: true,
							message: '请填写身份证号',
							trigger: ['blur', 'change']
						},
						{
							// 自定义验证函数，见上说明
							validator: (rule, value, callback) => {
								// 上面有说，返回true表示校验通过，返回false表示不通过
								// uni.$u.test.idCard()就是返回true或者false的
								return uni.$u.test.idCard(value);
							},
							message: '身份证号码不正确',
							// 触发器可以同时用blur和change
							trigger: ['change','blur'],
						}
					],
					'userInfo.hzlxdh':[
						{
							type: 'string',
							required: true,
							message: '请填写手机号',
							trigger: ['blur', 'change']
						},
						{
							// 自定义验证函数，见上说明
							validator: (rule, value, callback) => {
								// 上面有说，返回true表示校验通过，返回false表示不通过
								// uni.$u.test.mobile()就是返回true或者false的
								return uni.$u.test.mobile(value);
							},
							message: '手机号码不正确',
							// 触发器可以同时用blur和change
							trigger: ['change','blur'],
						}
						
					],
					'userInfo.blh': {
						type: 'string',
						required: true,
						message: '请选择住院号',
						trigger: ['blur', 'change']
					},
					'userInfo.cyks': {
						type: 'string',
						required: true,
						message: '请填写出院科室',
						trigger: ['blur', 'change']
					},
					'userInfo.areason': {
						type: 'string',
						required: true,
						message: '请选择事由',
						trigger: ['blur', 'change']
					},
					'userInfo.aotherReason': {
						type: 'string',
						required: true,
						message: '请填写其他事由',
						trigger: ['blur', 'change']
					}
					
					
					
				},
				radio: '',
				switchVal: false,
				uploadAction: __config.HTTP_REQUEST_URL+'/blApply/uploadStaticFile', //上传文件请求接口地址
				headers:{
					token: uni.getStorageSync('userToken')
				},  //请求头
				proxyHoldCardList:[], //代理人手持身份证
				proxyFrontCardList:[],
				proxyBackCardList: [],
				hzHoldCardList:[],
				hzFrontCardList: [],
				hzBackCardList: []
			}
		},
		methods: {
			sexSelect(e) {
				this.model1.userInfo.blh = e.name;
				this.model1.userInfo.cyks = e.ksmc;
				this.model1.userInfo.cyrq = this.$utils.formatDate(e.cyrq);
			},
			decSelect(e) {
				this.model1.userInfo.areason = e.name
				if(e.name == '其他'){
					this.decOtherShow = true
				}else{
					this.decOtherShow = false
				}
			},
			dateConfirm(val){
				this.model1.userInfo.cyrq = this.$utils.formatDate(val.value);
				//console.log(val,this.$utils.formatDate(val.value),this.model1.userInfo.date);
				this.dateShow = false;
			},
			groupChange(n) {
				if(n == 0){
					this.isSelf = false
				}else{
					this.isSelf = true
				}
			    /* console.log('groupChange', n,this.model1.userInfo.atype); */
			},
			
			//身份证失去焦点事件
			blurSfzEvent(value){
				console.log(value);
				if(value){
					uni.showLoading({
						title:'加载中...'
					})
					searchBlh(value).then(res=>{
						uni.hideLoading()
						const blhArr = [];
						const data = res.retData;
						if(data.length != 0){
							data.forEach(item=>{
								blhArr.push({'name':item.blh,'ksmc':item.ksmc,'cyrq':item.cyrq})
							})
							this.actions = blhArr;
						}else{
							uni.showToast({
								title:'暂未查询到该患者的住院信息',
								icon:'none'
							})
						}
						
					})
				}else{
					uni.showToast({
						title:'请输入身份证号',
						icon:'none'
					})
				}
				
			},
			
			/* 提交 */
			copyBtn(){
				
				this.$refs.uForm.validate().then(res => {
					if(this.acontent.length == 0){
						uni.showToast({
							title:'请选择复印内容',
							icon:"error"
						})
						return
					}
					this.model1.userInfo.acontent = this.acontent.toString();
					
					console.log('临时地址',this.$refs.upload4.tempFile_paths[0].path)
					
					if(this.$refs.upload4.tempFile_paths.length == 0){
						uni.showToast({
							title:'请上传患者手持身份证半身照片',
							icon:"error"
						})
						return
					}
					if(this.$refs.upload5.tempFile_paths.length == 0){
						uni.showToast({
							title:'请上传患者身份证正面照',
							icon:"error"
						})
						return
					}
					if(this.$refs.upload6.tempFile_paths.length == 0){
						uni.showToast({
							title:'请上传患者身份证背面照',
							icon:"error"
						})
						return
					}
					
					if(this.model1.userInfo.atype == 1){
						if(this.$refs.upload1.tempFile_paths.length == 0){
							uni.showToast({
								title:'请上传代理人手持身份证半身照片',
								icon:"error"
							})
							return
						}
						if(this.$refs.upload2.tempFile_paths.length == 0){
							uni.showToast({
								title:'请上传代理人身份证正面照',
								icon:"error"
							})
							return
						}
						if(this.$refs.upload3.tempFile_paths.length == 0){
							uni.showToast({
								title:'请上传代理人身份证背面照',
								icon:"error"
							})
							return
						}
						
					}
					
					
					const imgarr = [];
					this.uploadAndSubmit(imgarr);
					
				}).catch(errors => {
					console.log(errors)
					uni.$u.toast('请填写完整!')
				})
				
			
			},
			//选择复印内容
			selectAllCheckbox(value){
				if(value){
					this.acontent = this.checkboxList1.map(item=>item.id)
					this.checked = true
				}else{
					this.checked = false
					this.acontent = []
				}
				console.log(this.acontent,"选择复印内容");
			},
		
			uploadAndSubmit(uploadImgs){
				uni.showLoading({
					title:'加载中...'
				})
				
				uploadImgs.push(new Promise((resolve, reject) => { 
						this.$refs.upload4.submit().then(result => {
							console.log('手动上传完成4', result);
							this.model1.userInfo.hzHoldCard =result[0].retData.fileName;
							resolve(result[0].retData.fileName)
						})
					})
				)	
				uploadImgs.push(new Promise((resolve, reject) => {
						this.$refs.upload5.submit().then(result => {
							console.log('手动上传完成5', result);
							this.model1.userInfo.hzFrontCard =result[0].retData.fileName;
							resolve(result[0].retData.fileName)
						})
					})
				)
				uploadImgs.push(new Promise((resolve, reject) => {
						this.$refs.upload6.submit().then(result => {
							console.log('手动上传完成6', result);
							this.model1.userInfo.hzBackCard =result[0].retData.fileName;
							resolve(result[0].retData.fileName)
						})
					})
				)
				
				if(this.model1.userInfo.atype == 1){
					uploadImgs.push(new Promise((resolve, reject) => {
							this.$refs.upload1.submit().then(result => {
								console.log('手动上传完成1', result);
								this.model1.userInfo.proxyHoldCard = result[0].retData.fileName;
								
								resolve(result[0].retData.fileName);
							})
						})
					)
					uploadImgs.push(new Promise((resolve, reject) => {
							this.$refs.upload2.submit().then(result => {
								console.log('手动上传完成2', result);
								this.model1.userInfo.proxyFrontCard = result[0].retData.fileName;
								resolve(result[0].retData.fileName);
								
							})
						})
					)
					uploadImgs.push(new Promise((resolve, reject) => {
							this.$refs.upload3.submit().then(result => {
								console.log('手动上传完成3', result);
								this.model1.userInfo.proxyBackCard = result[0].retData.fileName;
								resolve(result[0].retData.fileName);
							}) 
						})
					)
				}
				Promise.all(uploadImgs) //执行所有需请求的接口
					.then((results) => {
						console.log('上传结果',results)
						console.log(this.model1.userInfo,"提交的表单数据======");
						saveApply(this.model1.userInfo).then(res=>{
							uni.hideLoading()
							if(res.retCode == "SUCCESS"){
								uni.showToast({
									title:"提交成功!",
									icon:'none'
								})
								const Id = res.retData.id;
								uni.navigateTo({
									url:'/pages/address/address?id='+Id
								})
							}else{
								uni.hideLoading()
								uni.showToast({
									title:res.retMsg,
									icon:'none'
								})
							}
							
						})
						resolve(results);
					})
					.catch((res, object) => {
						uni.hideLoading();
					});
					
				
			},
			/* 上传图片 */
			async uploadFile(file) {
				uni.showLoading({
					title:'加载中...'
				})
				this.showMask = true;
				const fileImg = file
				for (let i = 0; i < fileImg.length; i++) {
					await uploadImg(fileImg[i].url).then(res=>{
						console.log(res,i,"图片");
						debugger
						
						this.fileListUrl.push(res.fileName);
						
					})
				}
				console.log(this.fileListUrl,"上传成功的图片");
				const result = this.fileListUrl;
				this.model1.userInfo.hzHoldCard = result[0];
				this.model1.userInfo.hzFrontCard = result[1];
				this.model1.userInfo.hzBackCard = result[2];
				this.model1.userInfo.proxyHoldCard = '';
				this.model1.userInfo.proxyFrontCard = '';
				this.model1.userInfo.proxyBackCard = '';
				if(this.model1.userInfo.atype == 1){
					this.model1.userInfo.proxyHoldCard = result[3];
					this.model1.userInfo.proxyFrontCard = result[4];
					this.model1.userInfo.proxyBackCard = result[5];
				}
				console.log(this.model1.userInfo,"提交的表单数据======");
				saveApply(this.model1.userInfo).then(res=>{
					uni.hideLoading()
					if(res.retCode == "SUCCESS"){
						uni.showToast({
							title:"提交成功!",
							icon:'none'
						})
						const Id = res.retData.id;
						/* uni.setStorageSync('id',Id); */
						uni.navigateTo({
							url:'/pages/address/address?id='+Id
						})
					}else{
						uni.hideLoading()
						uni.showToast({
							title:res.retMsg,
							icon:'none'
						})
					}
					
				})
			},
			
		},
		onReady() {
			//如果需要兼容微信小程序，并且校验规则中含有方法等，只能通过setRules方法设置规则。
			this.$refs.uForm.setRules(this.rules);
		},
		onShow() {
			this.showMask  = false;
		}
		
	}
	
	
	
</script>

<style scoped lang="scss">
	
	.newAddImg {
		width: 600rpx;
		height: 100%;
		
	/* 	display: flex;
	    flex-direction: column;
	    align-items: center; */
		
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 50px;
		flex-direction: column;
		/*border: 1px solid #757bf7;
		border-radius: 20rpx;
		color: #757bf7; */
	}
	
	.newAddImg text {
		font-size: 28rpx;
		margin-top: 20rpx;
	}
	
	
	.copyApplay{
		.copyApplayPadding{
			padding: 20upx;
			padding-bottom: 150upx;
			box-sizing: border-box;
			.message{
				font-size: 28upx;
				/* margin-top: 20upx; */
				/* padding: 20upx;
				box-sizing: border-box; */
			}
			.info{
				font-size: 30upx;
				margin: 20px 0px;
				color: #e9a510;
			}
			.uploadInfo{
				text-align: center;
				font-size: 30upx;
			}
			.picTitle{
				color: #303133;
				font-size: 30upx;
				font-weight: bold;
			}
			
		}
		
	}
	::v-deep .u-upload__wrap{
		align-items: center;
		justify-content: center;
	}
	
	
	::v-deep .u-form-item__body__right__message[data-v-03e1ba13] {
	    font-size: 30upx !important;
	}
	
	
	
	
	
</style>